<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Tab Demos</title>
	
	
<link  href="../jquery.ui.tabs.css" rel="stylesheet" type="text/css"  class="view-source"/>
	<link  href="../../../../themes/default/style.css" rel="stylesheet" class="view-source">
	<script src="../../../../scripts/jquery.js" type="text/javascript" class="view-source"></script>
	<script src="../../../../scripts/common.js" type="text/javascript" class="view-source"></script>
	<script src="../../../../scripts/browserfix.js" type="text/javascript"  class="view-source"></script>
	<script src="../../../../scripts/plugins/jquery.json.js" type="text/javascript" class="view-source"></script>
	
	<script src="../../../../scripts/plugins/jquery.ui.js" type="text/javascript" ></script>
		
	<script src="../jquery.ui.tabs.js" type="text/javascript" class="view-source"></script>
	<script src="../../demo.js"></script>
	<link href="../../demo.css" rel="stylesheet">
	
	
<script  class="view-source noparse">
	$( function(){
		$('#tabs-ajax').tabs( {
			tabs:[
				{label:'tab1',content:'ajaxtabs-1'},
				{label:'delayTab',url:'http://www.baidu.com',iframe:true},
				{label:'tab3 ',content:'ajaxtabs-3'}
			] ,
			height:'100px'
		} ) ;
	} ); 
</script>

</head>

<body>
	<div id="tabs-ajax">
		<div id="ajaxtabs-1">
			tab1 content ..............................
		</div>
		<div id="ajaxtabs-3">
			tab3 content ..............................
		</div>
	</div>
	
      		<script type="code-pretty" class="view-source inner-code noparse">

<div id="tabs-ajax">
	<div id="ajaxtabs-1">
		tab1 content ..............................
	</div>
	<div id="ajaxtabs-3">
		tab3 content ..............................
	</div>
</div>

      		</script>
</body>
</html>